<div class="alarm_item_dt">
    <div class="alarm-item-new" *ngFor="let data of fireAlarms, let i = index">
        <div class='left' style='flex:1' *ngIf="data">
            <div class="alarm-item-top">
                <p class="alarm-title" [ngClass]="{ breakColor: data.type == 2,alarmColor: data.type == 1 }">
                    {{ data.content }}
                    <!-- <span class="orangeColor state" *ngIf="!data.isRecovery">未恢复</span> -->
                    <span class="greenColor state" *ngIf="data.isRecovery">已恢复</span>
                </p>
            </div>

            <div class="alarm-item-center">
                <p class="alarm-content">
                    <span>{{ data.type == 1 ? '火警': '故障' }} </span> ( {{ '消防' }} )
                </p>
            </div>

        </div>

        <div class='right' style='padding-right: 10px;padding-left: 10px;min-height: 40px' *ngIf="data">
            <div class="alarm-item-top">
                <p class="alarm-time">{{ (data.dateTime || data.happenTime) | DateFormat }}</p>
            </div>
            <div class='alarm-item-center'>
                <p class="alarm-recovery-time">{{ data.recoveryTime | DateFormat }}</p>
            </div>
        </div>

    </div>

</div>